<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
       var value="web";
       function bar(){
           var value="duyi";
           function foo(){
               console.log(value);//duyi
           }
           return foo;
       }
       bar()();
    //    函数foo被保存到外部 并保存着value的值
    // foo 函数作用域没有 value 这个变量，会往上一级作用域查找 value，得到结果是 'duyi'
    </script>
</body>
</html>